<template>
  <van-nav-bar class="com-navbar" :title="title" :border="false">
    <template #left>
      <van-icon name="arrow-left" class="icon-left" @click="onClickLeft" />
    </template>

    <template #right>
      <slot></slot>
    </template>
  </van-nav-bar>
</template>
<script setup>
import { useRouter } from "vue-router";
import { ref } from "vue";
import { t } from '@/languages'
const $router = useRouter();
const props = defineProps({
  title: {
    type: String,
  },
});

function onClickLeft() {
  $router.back();
}
</script>
<style scoped>
.com-navbar {
  background: #0f3a40;
}
</style>
